import React from 'react'
const ref = React.createRef()
// 注意:
// 1. 一个ref对象只能和一个标签或组件绑定,如果重复绑定会覆盖
// 2. ref和标签绑定,返回标签的真实dom
// 3. ref和类组件绑定,返回类组件的实例
// 4. ref和函数组件无法绑定,如果一定要绑定,可以使用React.forwardRef(). 利用React.forwardRef可以将写在函数组件上的ref对象传递到函数组件内容
// class Test extends React.Component {
//   render() {
//     return <h1>test组件</h1>
//   }
// }
const Test = React.forwardRef(function Test(props, ref) {
  return <h1 ref={ref}>test</h1>
})
export default function App() {
  return (
    <div>
      App
      <hr />
      <Test ref={ref} x={1} yyy={ref}></Test>
      <button
        onClick={() => {
          console.log(ref)
        }}
      >
        按钮
      </button>
    </div>
  )
}
